<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
<title>疯狂325</title>

<script src="lib/easeljs-0.8.2.min.js"></script>
<script src="lib/tweenjs-0.6.2.min.js"></script>
<script src="lib/movieclip-0.8.0.min.js"></script>
<script src="lib/preloadjs-0.6.2.min.js"></script>
<script src="LingDong325Game.js?r=20160316-1"></script>
<script src="lib/wx-funding.js"></script>
<script src="lib/ScrollY.js"></script>
<script src="main.js?r=20160316-2"></script>
<!-- 流量监测 -->
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?f1f2114589bcd056330f347e9838952b";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>


<style>
    html, body {
        width: 100%;
        height: 100%;
        overflow: hidden;
        font-family: arial, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    }

    body, p, input {
        margin: 0px;
        padding: 0px;
    }

    .canvasCon {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        display: block;
        overflow: hidden;
    }

    canvas {
        width: 100%;
        height: 100%;
        background: transparent;
    }

    .loading {
        width: 16px;
        height: 16px;
        margin: 0 auto;
        margin-top: 50%;
    }

    /*inforForm*/
    .infoForm {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 4;
        width: 640px;
        height: 100%;
        text-align: center;
        color: #fff;
        background:rgba(0,0,0,0.8);
        display: none;
    }
    .infoForm .infoFormBd{
        width:522px;
        height: 444px;
        margin: 0 auto;
        background: url(images/popbg2.png) no-repeat;
        margin-top: 40%;
    }
    .infoForm .title {
        position: relative;
        color: #fff;
        font-size: 200%;
        text-align: center;
        padding-top: 30px;
        margin-bottom: 30px;
    }
    .infoForm .title a.btnClose{
        position: absolute;
        right: 0;
        top:-10px;
        display: block;
    }
    .infoForm form {
        width: 60%;
        margin: 0 auto;

    }

    .infoForm input {
        display: block;
        width: 100%;
        border: 1px solid #d8e9f0;
        border-radius: 5px;
        height: 40px;
        line-height: 40px;
        background: #fff;
        color: #333;
        margin: 15px auto 0 auto;
        font-size: 100%;
    }

    .infoForm form a.btn {
        display: block;
        margin-top: 40px;
        -webkit-tap-highlight-color: transparent;
    }

</style>
</head>

<body onload="init();" style="background-color:#000">
<div class="canvasCon">
    <canvas id="mainCanvas" width="640" height="1080"></canvas>
</div>

<!-- 个人信息 -->
<div class="infoForm" id="infoForm">
   <div class="infoFormBd">
        <div class="title">
            请填写的你个人信息<br/>领取奖品
            <a class="btnClose" href="javascript:void(0);" onclick="getEl('infoForm').style.display='none'; replayGameMc();"><img src="images/popclose.png" /></a>
        </div>
        <form action="http://hbweixin.twomi.cn/api_hb_game/submitAddress" method="POST" id="js_frm_submit2"
              onsubmit="submitForm(this); return false;">
            <input id="customer_name" type="text" name="customer_name" placeholder="请输入姓名"/>
            <input id="customer_phone" type="tel" name="customer_phone" placeholder="请输入电话"/>
            <input id="customer_address" type="text" name="customer_address" placeholder="请输入收货地址"/>

            <p style="margin-top:20px;">
                <a class="btn" href="javascript:void(0);" onclick="submitForm(getEl('js_frm_submit2'));"><img src="images/btn-submit.png" /></a>
            </p>
        </form>
   </div>
</div>

<!-- 背景音乐显示-->
<div style="display: none">
    <audio id="music_audio_start" preload="preload" style="display: none;">
        <source src="sounds/start.mp3" type="audio/mpeg">
    </audio>
    <audio id="music_audio_go" preload="preload" style="display: none;">
        <source src="sounds/go.mp3" type="audio/mpeg">
    </audio>
    <audio id="music_audio_bg" preload="preload" loop="loop" style="display: none;">
        <source src="sounds/bgm.mp3" type="audio/mpeg">
    </audio>
</div>

<script type="text/javascript">
    document.body.ontouchmove = function (e) {
        e.preventDefault();
    }
</script>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="http://hbweixin.twomi.cn/2016/accessToken/signPackage.php"></script>

</body>
</html>
